body {
    font-family: "黑体";
    width: 1080px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

h1,h2,p {
    margin: 0;
}
.clear_fix{
    clear: both;
}
.top {
    background-color: black;
    color: #FFFFFF;
    font-size: 46px;
    text-align: center;
    line-height: 84px;
}

.banner {
    width: 1080px;
    height: 600px;
    background-color: #5baad8;
    background: url(images/01.png) no-repeat 40px 20px,
    url(images/02.png) no-repeat 300px 400px,
    url(images/03.png) no-repeat 800px 100px,
    linear-gradient(to bottom, #8ccaee, #167eb9); /*渐变，指定方向要用to，或者角度，to bottom 是180度=180deg*/
    text-align: center;
    color: #FFFFFF;
}

.banner img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
}

.banner h1 {
    font-size: 52px;
    margin-top: 59px;
    margin-bottom: 52px;
}

.banner h2 {
    font-size: 42px;
}
.cut-off{
    width: 100%;
    height: 16px;
    background-color: #d9d9e0;
}
.big_icon_box{
    width: 100%;
    margin-top: 120px;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 580px;
}
.big_icon{
    width: 270px;
    height: 270px;
    border: 2px solid #e1e1e1;
    float: left;
    margin-right: 73px;
    padding-top: 24px;
}
.big_icon img{
    margin-left: 46px;
    margin-bottom: 14px;

}
.big_icon p{
    font-size: 32px;
    color: #666666;
    text-align: center;
}
.bottom{
    height: 144px;
    background-color: #f2f3f5;
    border-top: 2px solid #d9d9e0;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 26px;
    text-align: center;
    color: #999999;
}
.icon{
    width: 240px;
    height: 144px;
    float: left;
    padding-top: 23px;
}
.icon img{
    margin-bottom: 10px;
}
.color{
    color: #15a4f5;
}



























